<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <script>

        // *
        // **
        // ***
        // ****
        // *****

        // 分析：
        //    输出星星
        //    输出换行

        //    重复的做了5次

        for(var i = 0 ; i < 5 ; i++) {   // i 代表的是行数
            //    输出星星
            //    第一行1个，第二行2个
            for(var j = 0 ; j <= i ; j++) {   // j 代表的是星星的个数
                document.write('*');
            }
            //    输出换行
            document.write('<br>');

        }



        // *****
        // ****
        // ***
        // **
        // *



        //      *
        //     **
        //    ***
        //   ****
        //  *****
        // ******

        // 11112
        // 11122
        // 11222
        // 12222
        // 22222

        for(var i = 0 ; i < 5 ; i++) {
            // 输出1
            for(var j = 4 ; j > i ; j--) {    
                document.write(1); 
            }
            // 输出2   跟行数是一样的
            for(var k = 0 ; k <= i ; k++) {
                document.write(2);
            }
            // 输出换行
            document.write('<br>');
        }


        // *****
        //  ****
        //   ***
        //    **
        //     *





    </script>
    
</body>
</html>